<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ page import="java.util.List,models.beans.*, models.entity.*"%>
<!-- cuando se crea una bean se debe colocar aca!!  -->
<jsp:useBean id="vehiculoBean" class="models.beans.VehiculoBean" scope="request"></jsp:useBean>
<jsp:useBean id="ofertaBean" class="models.beans.OfertaBean" scope="request"></jsp:useBean>
<jsp:useBean id="usuarioBean" class="models.beans.UsuarioBean" scope="request"></jsp:useBean>
 
<jsp:setProperty name="vehiculoBean" property="textoBusqueda"  param="textoBusqueda"/>

<% 
    Usuario u = (Usuario)session.getAttribute("usuario");
    List<Vehiculo> listadoVehiculos = vehiculoBean.buscarVehiculos();
    List<Oferta> listadoOferta=ofertaBean.buscarOferta();
    List<Vehiculo> listaV=vehiculoBean.listaV();
    
%>
<%--Se cae con este metodo Usuario usu = usuarioBean.findById();--%>


<html lang="en"> 
<head> 
	<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
	
	<!-- mobile meta tag -->		
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<title>Arriendo Autos</title> 
	
	<!-- main style -->
	 <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<link href="./css/bootstrap.css" rel="stylesheet">
	<link href="./css/bootstrap-responsive.css" rel="stylesheet">
	
	
	<!-- color scheme 
    <link rel="icon" type="img/png" href="img/favicon.png"/>
	-->
	<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="css/font-awesome-ie7.min.css">
	<![endif]-->
	
	<!--[if lt IE 9]>
	<script src="../../../html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
	
	
</head> 

<!--very important: setting a class for homepage -->
<body class="home"> 


	<div id="wrapper">
		<header id="header">
			<div class="centered-wrapper">
				<div class="one-third">
					<div id="logo">
						<img src="img/logo.jpg" width="250" />
					</div>								
				</div><!--end one-third-->			
				<div class="two-third column-last">		
					<div id="login">
						<form class="navbar-form pull-right" action="<%=request.getContextPath()%>/catalogo/login.jsp" method= "post">                                                   
                                                   <% if( u != null ){ %>
                                                        <span style=" font-weight:bold; color:#2F4F4F; font-size:15px;"><%= u.getNombre() +" " +u.getApellido() %></span>
                                                        <a href="<%=request.getContextPath()%>/catalogo/salir.jsp">salir</a>
                                                   <%} else {%>                                             
                                                        <div >
                                                            <a href="registrar.jsp" >Registrarme</a>
                                                        </div>
                                                        <input class="span2" type="text" name="user" placeholder="Rut">
                                                        <input class="span2" type="text" name="pass" placeholder="Clave">
                                                        <button type="submit" class="btn btn-success">Entrar</button>	
                                                   <%}%>
						</form>					 
					</div>
					<nav id="menu">
						<ul>
							<li><a href="index.jsp">Home</a></li>
                                                        <!--CLASS CURRENTE .. ES LA SELECCION DE LA PAGINA-->
                                                        <!--IF(SI ESTA LOGIADO COMO ADMIN PARA INGRESAR A LA LISTA)-->
							<li><a href="listaVehiculo.jsp" class="current">Vehiculos</a></li>
							<li><a href="listaUsuario.jsp" >Usuario</a></li>
							<li><a href="">Contacto</a></li>
						</ul>
					</nav><!--end navigation-->
				</div><!--end two-third-->
			<div class="clear"></div>			
			</div><!--end centered-wrapper-->
		</header>	

		<div class="top-shadow"></div>
		
		<div class="centered-wrapper">		
			<div >
				<div id="divIzqOfertas">
				 <h3>Ofertas</h3>                                    
                                   <% for(Oferta oferta : listadoOferta){ %>
					<div class ="divItemOferta">
						<h2><%= oferta.getModelo()%></h2>
						<span style=" font-weight:bold; color:#2F4F4F; font-size:15px;"><%= oferta.getPrecio() %> + iva diarios</span>
						<div class="percent-one-half">
							<p  align="center">
								<br>
								<img src="img/auto5.jpg" alt="">
							</p>	
						</div>	
						<div class="percent-one-half column-last">	
							<br>
							<br>
							<p  align="center">
                                                             <% if(u != null){ %>
                                                                      <a class="btn btn-warning" href="reservar.jsp?patente=<%= oferta.getVehiculo().getPatente() %>">Reservalo!</a>
                                                             <%}%>
								
							</p>	
							
						</div>
					</div>
                                      <%} %>                      
				</div>
                                <div id="divDerBuscar">
                                    <h3>Listado de Vehiculos</h3>
                                    <br>
                                    <a href="<%=request.getContextPath()%>/catalogo/formCrearVehiculo.jsp">Crear nuevo Vehiculo</a>
                                    <br>
                                    <% if(listaV.size()==0){ %>
                                           <img src="img/paisaje.jpg" width="100%" />
                                           <%--LA LISTA NO TIENE VEHICULOS--%>
                                    <%} else {%>
                                            <table>
                                            <tr>
                                                    <th>#</th>
                                                    <th>Nombre</th>
                                                    <th>Precio</th>
                                                    <th>Cantidad</th>
                                                    <th>Editar</th>
                                                    <th>Eliminar</th>
                                            </tr>

                                            <% for(Oferta O : listadoOferta){ %>
                                                    <tr>
                                                        <td><%= O.getModelo() %></td>
                                                    </tr>
                                            <%} %>
                                            </table>
                                    <%}%>	
                                </div>
                  </div>
		</div><!--end centered-wrapper-->
		
		<div class="space"></div>

		<footer id="footer">
			<div class="">
				<div id="topfooter">
					<div class="one-half">
						
					</div><!--end percent-one-half-->
				</div><!--end topfooter-->
			</div><!--end centered-wrapper-->
		</footer><!--end footer-->	
		
	</div><!--end wrapper-->
</body> 
</html>                            
    